<template>
  <div>
    <h3>票夹</h3>
    <div class="center">
        <img src="imgs/0.png">
        <p>你的票夹空空哒</p>
        <p class="one">快去看一场演出吧 </p> 
       
    </div>
    <Bb/>
  </div>
</template>

<script>
import Bb from '../components/buttomBar.vue'

export default {
  components:{
      Bb
  }
}
</script>

<style scoped>
   h3{
     margin-top: 0.5rem;
     font-size: 0.3rem;
     text-align: center;
     color: palevioletred;
   }
   .center{
     width: 3.5rem;
     height:4rem;
     /* background-color:pink; */
     margin: auto;
     box-shadow: 0 0 0 0.01rem;
   }
   .center img{
     width: 3rem;
     height: 2rem;
    padding-left: 0.5rem;
    box-sizing: border-box;
   }
   .center p{
     font-size: 0.2rem;
     text-align: center;
   }
   .center .one{
     font-size: 0.15rem;
     color: slategray;
     text-align: center;
   }
</style>